<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<head>
  <link rel="icon"
        type="image/x-iconccs"
        href="static/favicon.ico" />
  <link rel="stylesheet"
        type="text/css"
        href="static/main.css" />
  <link rel="stylesheet"
        type="text/css"
		href="static/index.css"

<script type=text/javascript>
function openSubmitFrame() {
  document.getElementById('submitFrame').style.display = 'block';
  document.getElementById('submitFrame').style.visibility = 'visible';
}

function closeSubmitFrame() {
  document.getElementById('submitFrame').style.display = 'none';
  document.getElementById('submitFrame').style.visibility = 'hidden';
}
</script>
	  <div id="container">
	    <ul>
	      <li>
	        <a href='/'>Bulletin Boards</a>

	        <div>
	          <ul>
	            <li>
	              <h2><a href="community.html">Community Events</a></h2>
	            </li>

	            <li>
	              <h2><a href="school.html">School Events</a></h2>
	            </li>
	          </ul>
	        </div>
	      </li>

	      <li><a href="developer.html">Developer Information</a></li>

	      <li>Search

	        <ul>
	          <li>
	            <form action="/search"
	                  method="get">
	              <h2>Text: <input name='message' /><br />
	              <input type="checkbox"
	                     name="text"
	                     value="true" />Text<br />
	              <input type="checkbox"
	                     name="author"
	                     value="true" />Author<br />
	              <input type="submit" /></h2>
	            </form>
	          </li>
	        </ul>
	      </li>
	    </ul>
	  </div>

	  <div class='note1'></div>

	  <div class='fingersticky'></div>

	  <div class='speachstick'></div>

	  <div class='circlestick'></div>

	  <div class='yellowtext'>
	    <div class='titletext'>
	      Welcome to BulletinBoard!
	    </div>This site was designed around the idea of a college bulletin board. We love
	    that information can be displayed in such an accessible format, but what if this
	    information could be easily sorted and organized?
	  </div>

	  <div class="fingertext">
	    We've done this for you; please use the links above to navigate to each bulletin
	    board and submit your own sticky!
	  </div>

	  <div class='speechtext'>
	    <a href="school.html">School Bulletin Board</a>
	  </div>

	  <div class='circletext'>
	    <a href="community.html">Community Bulletin Board</a>
	  </div>

	  <div class="logo">
	    <a href="/"></a>
	  </div>

	  <div class="pin"></div>

	  <div class="pin2"></div>

	  <div class="pin3"></div>
	</body>
</html>
	